12.15 热门推荐导航条
<div class="rm-nav clearfix">
<a class="rm-a" href="#">电脑办公</a>
<a class="rm-b" href="#">平面设计</a>
<a class="rm-b" href="#">室内设计</a>
<a class="rm-b" href="#">室外设计</a>
<a class="rm-b" href="#">影视动画</a>
<a class="rm-b" href="#">机械设计</a>
<a class="rm-b" href="#">工业自动</a>
<a class="rm-b" href="#">程序设计</a>
<a class="rm-b" href="#">网页设计</a>
<a class="rm-b" href="#">会计课程</a>
</div>
Css样式：
/*公共样式*/
.m-list a:hover img {
filter:opacity(80%);
/*透明度设置*/
}
.m-list a:hover p{
color:#0277fe;
/*移动鼠标变色设置*/
}
/*公共样式*/
/*热门推荐开始*/
.rm-nav .rm-a{
background:#0277fe;color:#fff;
}
.rm-nav .rm-b:hover{
background:#0277fe;color:#fff;
}
/*热门推荐结束*/
返回：